<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 130 330"><defs><title>Animierte Ampel</title><desc>Das Bild zeigt das Schema einer Ampelschaltung</desc><style type="text/css">@keyframes rb{0%,40%{fill:url(#r)}60%,to{fill:url(#b)}}@keyframes yb{0%,20%,60%,70%{fill:url(#b)}30%,40%,80%,to{fill:url(#y)}}@keyframes gb{0%,40%,80%,to{fill:url(#b)}60%,70%{fill:url(#g)}}circle{animation:4s steps(4) infinite;stroke:#000;stroke-width:8}</style><path id="x" fill="url(#h)" d="M35 50a34 34 0 0 1 60 0q3 5 0 10-30 18-60 0-3-5 0-10z"/><radialGradient id="r" cx=".5" cy=".5" r=".5" fx=".5" fy=".5"><stop stop-color="#fc7474" offset="0"/><stop stop-color="#d53a3a" offset=".7"/><stop stop-color="#af0000" offset="1"/></radialGradient><radialGradient id="y" cx=".5" cy=".5" r=".5" fx=".5" fy=".5"><stop stop-color="#fcfc74" offset="0"/><stop stop-color="#d4d53a" offset=".7"/><stop stop-color="#afa500" offset="1"/></radialGradient><radialGradient id="g" cx=".5" cy=".5" r=".5" fx=".5" fy=".5"><stop stop-color="#74fc94" offset="0"/><stop stop-color="#00af29" offset="1"/></radialGradient><radialGradient id="b" cx=".5" cy=".5" r=".5" fx=".5" fy=".5"><stop stop-color="#4d4d4d" offset="0"/><stop stop-color="#1a1a1a" offset=".7"/><stop offset="1"/></radialGradient><linearGradient id="k" x1="0" x2=".4" y1="0" y2=".9"><stop stop-color="#5c656c" offset="0"/><stop stop-color="#aab2b7" offset="1"/></linearGradient><linearGradient id="h" x1="0" x2="0" y1="0" y2="1.05"><stop stop-color="#fff" stop-opacity=".9" offset="0"/><stop stop-color="#fff" stop-opacity=".2" offset=".7"/><stop stop-color="#fff" stop-opacity=".3" offset="1"/></linearGradient></defs><path fill="url(#k)" stroke="#000" stroke-width="10" d="M5 5h120v320H5z"/><circle fill="url(#r)" style="animation-name:rb" r="40" cx="65" cy="65"/><circle fill="url(#y)" style="animation-name:yb" r="40" cx="65" cy="165"/><circle fill="url(#g)" style="animation-name:gb" r="40" cx="65" cy="265"/><use xlink:href="#x"/><use xlink:href="#x" y="100"/><use xlink:href="#x" y="200"/></svg>
